<script setup lang="ts">
import { useCounterStore } from '@/stores/counter';
const store = useCounterStore()
</script>

<template>
  <div style="width: 300px; height: 100px; border: 5px solid paleturquoise;"> 
    one
    <div>数量：{{ store.count }}</div>
    <div>双倍：{{ store.doubleCount }}</div>
    <button @click="store.add()">+</button>
    <button @click="store.cut()">-</button>
  </div>
</template>

<style scoped>

</style>